<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SCA - Sistema de Controle de Almoxarifado</title>

    <link rel="stylesheet" href="Template/css/geral.css"  />
</head>

<body>
	<section id="geral">
		<section id="bg">
			<header>
				<section id = "centro">
				<div id="logo">
				<h:link outcome="index" styleClass="img_logo"  />
				
				</div>
			
								
				<div id="nav">
							<ul>
                        	<li><h:link value="Início" outcome="index" /><!--  <a href="index.html">Início</a>--></li>
                        	<li><a href="#">Cadastro</a>
                        	<ul>
								<li><a href="medicamento.html">Medicamentos</a></li>
								<li><a href="item.html">Ítens</a></li>
								<li><a href="usuario.html">Usuários</a></li>
										
							</ul></li>
                        	<li><a href="#">Pedidos</a>
                        	<ul>
								<li><a href="novopedido.html">Novo Pedido</a></li>
								<li><a href="historico.html">Histórico</a></li>
										
							</ul>	</li>
                        	<li><a href="#">Estoque</a>
                        	<ul>
								<li><a href="inserirestoque.html">Inserir no Estoque</a></li>
								<li><a href="retirarestoque.html">Retirar do Estoque</a></li>
								<li><a href="#">Mesa</a>
									<ul>
										<li><a href="inserirmesa.html">Inserir na Mesa</a></li>
										<li><a href="retirarmesa.html">Retirar da Mesa</a></li>
									</ul></li>
								<li><h:link outcome="estoque" value="Listar estoque" /></li>	
								<li><a href="validade.html">Verifica Validade</a></li>					
							</ul></li>
                        	
                        	
                        	
                        </ul>
                </div>
				</section>
				</header>
				
				<section id="conteudo">
					<ui:insert >
					<h:form>
						<h:messages/>
						<h:dataTable value="#{estoqueMB.naMesa()}" var="estoque" styleClass="table" headerClass="tableColumnsHeader" rowClasses="tableFirstLine,tableNextLine" >
				            <h:column>
				                <f:facet name="header">Nome</f:facet>
				                #{estoque.medicamento.nome}
				                #{estoque.material.descricao}
				                
				             	               	 
				            </h:column>
				            <h:column>
				                <f:facet name="header">Vencimento</f:facet>
				                <h:outputText value="#{estoque.data_vencimento.time}" >
				                	<f:convertDateTime pattern="dd.MM.yyyy" />
				                </h:outputText>		 
				            </h:column>
				            <h:column>
				                <f:facet name="header"></f:facet>
				                <h:inputHidden value="#{estoque.id}" />
								<h:commandButton image="/Template/img/lixo.png" action="#{estoqueMB.irNaMesa()}" title="Retirar da mesa" > 
									
				                	<f:setPropertyActionListener target="#{estoqueMB.estoque}" value="#{estoque}"/>
								</h:commandButton>
				            </h:column>
				            
				            	
			                      
			                   
				            
				            
						</h:dataTable>
						
						</h:form>
					</ui:insert>
					
				</section>
				<footer>
				<section id="centraliza">
                        <div class="direitos">
                        <strong>SCA - Sistema de Controle de Almoxarifado</strong> <br>&copy; Copyright 2013 - Todos os direitos reservados.</br>
                        <a href="http://www.ifrn.edu.br" target="_blank">IFRN - Instituto Federal de Educação Ciência e Tecnologia do Rio Grande do Norte</a>
                    	</div>
                    <div class="desenvolvido">
                        
                    </div>
                </section>
				
				</footer>
	</section>
	</section>
</body>
</html>